/**
 * 学习目标：JSX使用的三个注意事项
 */
import React from 'react';
import ReactDOM from 'react-dom';

//  3. 关键字冲突
//   3.1 class => className
//   3.2 for => htmlFor

const divNode = (
  //  1. jsx必须有根标签 👍 使用<></>
  <>
    <div>123</div>
    <div>456</div>
    {/* 2. jsx必须有闭合标记 */}
    <input id="box" type="text" />
    <label htmlFor="box">点我等同于点了input</label>
    <div className="xxx"></div>
  </>
);

ReactDOM.render(divNode, document.getElementById('root'));
